<!DOCTYPE html>
<html lang="cn">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>ZYH的个人网站</title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" >
    <!-- Icon -->
    <link rel="stylesheet" type="text/css" href="/assets/fonts/line-icons.css">
    <!-- Slicknav -->
    <link rel="stylesheet" type="text/css" href="/assets/css/slicknav.css">
    <!-- Nivo Lightbox -->
    <link rel="stylesheet" type="text/css" href="/assets/css/nivo-lightbox.css" >
    <!-- Animate -->
    <link rel="stylesheet" type="text/css" href="/assets/css/animate.css">
    <!-- Main Style -->
    <link rel="stylesheet" type="text/css" href="/assets/css/main.css">
    <!-- Responsive Style -->
    <link rel="stylesheet" type="text/css" href="/assets/css/responsive.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/style.css">

</head>
<body>

<!-- Header Area wrapper Starts -->
<header id="header-wrap">
    <!-- Navbar Start -->
    <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                    <span class="icon-menu"></span>
                    <span class="icon-menu"></span>
                    <span class="icon-menu"></span>
                </button>
                <a href="/" class="navbar-brand ZYH" style="color: #E91E63">ZYH</a>
            </div>
            <div class="collapse navbar-collapse" id="main-navbar">
                <ul class="navbar-nav mr-auto w-100 justify-content-end">
                    <li class="nav-item active">
                        <a class="nav-link" href="#header-wrap">
                            首页
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#about">
                            关于
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#gallery">
                            项目展示
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Mobile Menu Start -->
        <ul class="mobile-menu">
            <li>
                <a class="page-scrool" href="#header-wrap">首页</a>
            </li>
            <li>
                <a class="page-scrool" href="#about">关于</a>
            </li>
            <li>
                <a class="page-scroll" href="#gallery">项目展示</a>
            </li>
        </ul>
        <!-- Mobile Menu End -->

    </nav>
    <!-- Navbar End -->

    <!-- Main Carousel Section Start -->
    <div id="main-slide" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#main-slide" data-slide-to="0" class="active"></li>
            <li data-target="#main-slide" data-slide-to="1"></li>
            <li data-target="#main-slide" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100" src="/images/homepage-bg1.png" alt="First slide">
                <div class="carousel-caption d-md-block">
                    <p class="fadeInUp wow" data-wow-delay=".6s">一个类人类英语语言结构的编程语言</p>
                    <h1 class="wow fadeInDown heading" data-wow-delay=".4s">我的语言-Belish</h1>
                    <a href="#" class="fadeInLeft wow btn btn-common btn-lg" data-wow-delay=".6s">Github</a>
                </div>
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="/images/homepage-bg2.png" alt="Second slide">
                <div class="carousel-caption d-md-block">
                    <p class="fadeInUp wow" data-wow-delay=".6s">对于病毒感染的计算机模拟演示</p>
                    <h1 class="wow bounceIn heading" data-wow-delay=".7s">2019-nCoV接触传染模拟</h1>
                    <a href="http://yhzheng.com:8866/" class="fadeInLeft wow btn btn-common btn-lg" data-wow-delay=".8s">演示</a>
                    <a href="https://github.com/qianduanXIAOHAOZI/2019-nCoV-Propagation-Simulation" class="fadeInRight wow btn btn-border btn-lg" data-wow-delay=".6s">Github</a>
                </div>
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="/images/homepage-bg3.png" alt="Third slide">
                <div class="carousel-caption d-md-block">
                    <p class="fadeInUp wow" data-wow-delay=".6s">纯js计算的玩具3D渲染库</p>
                    <h1 class="wow fadeInUp heading" data-wow-delay=".6s">我的3D渲染库-See3D</h1>
                    <a href="http://yhzheng.com/see3D/index.html" class="fadeInLeft wow btn btn-common btn-lg" data-wow-delay=".8s">演示</a>
                    <a href="https://github.com/qianduanXIAOHAOZI/see3D" class="fadeInRight wow btn btn-border btn-lg" data-wow-delay=".6s">Github</a>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#main-slide" role="button" data-slide="prev">
            <span class="carousel-control" aria-hidden="true"><i class="lni-chevron-left"></i></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#main-slide" role="button" data-slide="next">
            <span class="carousel-control" aria-hidden="true"><i class="lni-chevron-right"></i></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!-- Main Carousel Section End -->

</header>
<!-- Header Area wrapper End -->

<!-- Coundown Section Start -->
<section class="countdown-timer section-padding">
    <div class="container">
        <div class="row text-center">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="heading-count">
                    <h2 class="wow fadeInDown" data-wow-delay="0.2s">ZYH距中考还有</h2>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="row time-countdown justify-content-center wow fadeInUp" data-wow-delay="0.2s">
                    <div id="clock" class="time-count"></div>
                </div>
<!--                <a href="pricing.html" class="btn btn-common wow fadeInUp" data-wow-delay="0.3s">Add to My Calender</a>-->
            </div>
        </div>
    </div>
</section>
<!-- Coundown Section End -->


<!-- About Section Start -->
<section id="about" class="section-padding">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-title-header text-center">
                    <h1 class="section-title wow fadeInUp" data-wow-delay="0.2s">关于ZYH</h1>
                    <p class="wow fadeInDown" data-wow-delay="0.2s">目前为在校初中生, 就读于杭州市采荷实验学校</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-4">
                <div class="about-item">
                    <img class="img-fluid" src="/assets/img/about/img1.jpg" alt="">
                    <div class="about-text">
                        <h3><a href="#">特长</a></h3>
                        <p>计算机程序设计(使用语言——C/C++, JS, ASM(会读, 不写); 主要方向: 编程语言解析、编译云运行, 3D渲染算法, 计算机模拟以及各种重复制造轮子), 一点点的视频剪辑</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-4">
                <div class="about-item">
                    <img class="img-fluid" src="/assets/img/about/img2.jpg" alt="">
                    <div class="about-text">
                        <h3><a href="#">兴趣爱好</a></h3>
                        <p>学习、研究计算机(计算机程序设计, 计算机底层原理研究), 学习、研究数学(线性代数, 一点点的微积分), 想想物理(理论力学), 看小说, 散步, 旅游, 玩各代《塞尔达传说》</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-4">
                <div class="about-item">
                    <img class="img-fluid" src="/assets/img/about/img3.jpg" alt="">
                    <div class="about-text">
                        <h3><a href="#">各平台账号</a></h3>
                        <p>Github: qianduanXIAOHAOZI</p>
                        <p>Gitee: yhzheng_IT</p>
                        <p>Bilibili: 御坂14349</p>
                        <p>Twitter: zhengyh5</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- About Section End -->

<!-- Gallary Section Start -->
<section id="gallery" class="section-padding">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-title-header text-center">
                    <h1 class="section-title wow fadeInUp" data-wow-delay="0.2s">我的项目</h1>
                    <p class="wow fadeInDown" data-wow-delay="0.2s">我的一个个足迹</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-6 col-lg-4">
                <div class="gallery-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="/images/homepage-projects-Belish.png" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <br/><br/><br/><br/><br/><br/>
                        <h1>Belish</h1>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4">
                <div class="gallery-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="/images/homepage-projects-See3D.png" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <br/><br/><br/><br/><br/><br/>
                        <h1>See3D</h1>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4">
                <div class="gallery-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="/images/homepage-projects-BerryMath.png" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <br/><br/><br/><br/><br/><br/>
                        <h1>BerryMath</h1>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4">
                <div class="gallery-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="/images/homepage-projects-WanderingImage.png" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <br/><br/><br/><br/><br/><br/><br/>
                        <h1>WanderingImage</h1>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4">
                <div class="gallery-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="/images/homepage-projects-web-graph.png" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <br/><br/><br/><br/><br/><br/><br/>
                        <h1>WebGraph</h1>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4">
                <div class="gallery-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="/images/homepage-projects-2019-nCoV.png" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <br/><br/><br/><br/><br/><br/><br/>
                        <h1 style="color: #fff;">2019-nCov传染模拟</h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="row justify-content-center mt-3">
            <div class="col-xs-12">
                <a href="https://github.com/qianduanXIAOHAOZI/" class="btn btn-common">查看全部</a>
            </div>
        </div>
    </div>
</section>
<!-- Gallary Section End -->

<!-- Footer Section Start -->
<footer class="footer-area section-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0.2s">
                <h3>ZYH</h3>
                <p>这是ZYH的个人网站，用于记录我的各个项目和写下的博文</p>
                <p>浙ICP备17034466号-1</p>
            </div>
            <div class="col-md-6 col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0.4s">
                <h3>我的联系方式</h3>
                <ul>
                    <li><a class="contact-show">QQ: 2894613312</a></li>
                    <li><a class="contact-show">Email: zhengyh2018@gmail.com</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!-- Footer Section End -->

<!-- Go to Top Link -->
<a href="#" class="back-to-top">
    <i class="lni-chevron-up"></i>
</a>

<div id="preloader">
    <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>
    </div>
</div>

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="/assets/js/jquery-min.js"></script>
<script src="/assets/js/popper.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/jquery.countdown.min.js"></script>
<script src="/assets/js/jquery.nav.js"></script>
<script src="/assets/js/jquery.easing.min.js"></script>
<script src="/assets/js/wow.js"></script>
<script src="/assets/js/jquery.slicknav.js"></script>
<script src="/assets/js/nivo-lightbox.js"></script>
<script src="/assets/js/main.js"></script>
<script src="/assets/js/form-validator.min.js"></script>
<script src="/assets/js/contact-form-script.min.js"></script>
<script src="/assets/js/map.js"></script>
</body>
</html>
